<template>
	<div>
		<van-nav-bar title="关于五色糖" left-arrow @click-left="onClickLeft" />
		<div class="nav">
			<h1><img src="../assets/logo.jpg" alt=""></h1>
			<p>当前版本：v3.9.1</p>
			<van-cell title="五色糖简介" is-link to="intro" />
			<van-cell title="隐私和政策" is-link to="protection" />
			<van-cell is-link @click="showPopup" title="客服电话" />
			<span class="iconfont icon-answer"></span>
			<van-popup v-model="show" position="bottom" :style="{ height: '20%' }"><a href="tel:111111111">拨打电话111111111</a>
			</van-popup>
		</div>
		<div class="bottom">
			<h2>五色糖-成就美好女人<br>
				<p>ROSILOLLY.TO BE A ROSY LADY</p>
			</h2>
		</div>

	</div>
</template>

<script>
	import axios from 'axios'
	export default {
		name: 'About',
		data() {
			return {
				username: '',
				password: '',
				show: false,
			}
		},
		methods: {
			showPopup() {
				this.show = true;
			},
			onClickLeft() {
				this.$router.go(-1)
			},
		},
	}
</script>

<style scoped="">
	body {
		display: flex;
		flex-direction: column;
	}

	.van-nav-bar__title {
		color: #fff;
		font-size: 14px;
	}

	.van-nav-bar {
		height: 46px;
		background: #d46170;
	}

	.van-icon,
	.van-icon::before {
		color: #FFF;
		font-size: 12px;
	}

	.van-nav-bar__text {
		color: #fff;
		font-size: #12px;
	}

	.nav .iconfont {
		position: relative;
		top: -30px;
		left: 283px;
		font-size: 24px;
		color: #c76679;
	}

	.nav .van-icon-arrow:before {
		font-size: 10px;
		color: #999;
	}

	h1 {
		width: 170px;
		height: 52px;
		margin: 49px auto 20px;
	}

	h1 img {
		width: 100%;
		height: 100%;
	}

	.nav p {
		font-size: 10px;
		text-align: center;
		margin-bottom: 36px;
		color: #666;
	}

	.nav {
		height: 330px;
	}

	.van-cell {
		color: #333;
		font-size: 11px;
	}

	.bottom {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		height: 136px;
	}

	.bottom p {
		font-size: 12px;
	}

	.bottom h2 {
		font-size: 18px;
		color: #d95e68;
	}

	.bottom h2 p {
		font-size: 7px;
		color: #d37785;
	}
	.van-popup--bottom{
	  text-align: center;
	  line-height: 100px;
	}
</style>
